@import url("./theme.css");
@import url("element-plus/theme-chalk/dark/css-vars.css");
@import url("element-plus/dist/index.css");
@import url("swiper/css");

.warpper {
    max-width: 1200px;
}

.module-shadow {
    box-shadow: 0 0 10px -2px hsl(0deg 0% 62% / 20%);
}

.itliuyang {
    min-width: max-content;
}

#background {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

#background .image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(@/assets/images/background.png);
    background-attachment: fixed;
    opacity: 0.3;
}

input,
textarea {
    outline: none;
}

@media (min-width: 768px) {
    .main {
        width: 810px !important;
        min-width: 810px;
    }
}

.page-enter-active,
.page-leave-active {
    transition: all 0.4s;
}

.page-enter-from,
.page-leave-to {
    opacity: 0;
    filter: blur(1rem);
}

.el-icon {
    vertical-align: middle;
    margin-top: -0.15em;
}